import Vue from 'vue'
// 1.引入路由
import VueRouter from 'vue-router'
// 引入使用到的组件...
import shopGoods from '../page/shopGoods'
import shopActive from '../page/shopActive'
import shopMsg from '../page/shopMsg'
// 2.使用VueRouter插件
Vue.use(VueRouter)
// 3.创建路由规则
const routes = [
    // {
    //     name: '路由名', // 路由名，可配可不配，用于编程式路由导航
    //     path: '/', // 路由路径
    //     component: /* 该路径对应显示的路由组件 */,
    //     redirect: '/重定向路径'
    // }
    {
        path:'/', // 商铺货物页面
        component: shopGoods
    },
    {
        path:'/shopMsg',
        component:shopMsg
    },
    {
        path:'/shopActive',
        component:shopActive
    }
]
// 4.创建路由对象，传入规则，并暴露
const router = new VueRouter({
    // routes:routes,
    routes
})
export default router